import { Button } from '@/components/ui/button';
import { HashIcon } from '@/components/Icons';
import { PopoverMultiselect } from '@/components/PopoverMultiselect/PopoverMultiselect';

interface TaskTagsSelectorProps {
  setTags: (tags: []) => void;
}

export const TaskTagsSelector = ({ setTags }: TaskTagsSelectorProps) => (
  <PopoverMultiselect setTags={setTags}>
    <Button variant='ghost' className='p-1 hover:bg-transparent hover:text-slate-400 text-slate-700'>
      <HashIcon size={18} />
    </Button>
  </PopoverMultiselect>
);
